{% extends "base.html"%}
{% block title %}
	旅行
{% endblock %}
{% block banner %}
	<div id='top-sec-nav' style='border-bottom: 2px solid rgba(143, 212, 6, 0.4);'>
		<div class='banner-nav-left' style='background:rgba(143, 212, 6, 0.4);'>
			<a href='/blog/travel/'>
				<p>旅行日志</p>
			</a>	
		</div>
		<div class='banner-nav-lable'><p>在一个陌生的城市,欣赏不一样的美丽,释放不一样的自己,留下不一样的回忆！</p></div>
	</div>
{% endblock %}
{% block container %}
	<div class='blog-view'>
		<div class='blog-left'>
			<section id="cd-timeline" class="cd-container">
			{% for travel in travels %}
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
					<img  src="/static/img/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>{{ travel.title }}</h2>
					<div style='margin-top: 5px;'><p>{{ travel.abstract }}</p></div>
					<a href="/blog/travel/{{travel.id}}/" class="cd-read-more" target="_blank" style='margin-top: 10px;'>阅读全文</a>
					<span class="cd-date">{{ travel.timestamp }} </span>
				</div>
			</div>
			{% endfor %}
			</section>
<!--			
			<div class='blog-info'>
				<div id='travel-tilte'  style='height:50px;float:left;'>
					<h3><a href='/blog/travel/{{travel.id}}/'>{{ travel.title }}</a></h3>
				</div>
				{% if blog.author.first_name != ''%}
					<div style='float:right;margin-right:10px;text-align:right;height:50px;'><h5>{{ travel.author.first_name }}{{travel.author.last_name}} {{ travel.timestamp }} 浏览({{ travel.clicktime}})</h5></div>
				{% else %}
					<div style='float:right;margin-right:10px;text-align:right;height:50px;'><h5>{{ travel.author }} {{ travel.timestamp }} 浏览({{ travel.clicktime}})</h5></div>
				{% endif %}
			</div>
  -->		
				<div class="pagination-all">
					<span class="step-links">
						 {% if travels.has_previous %}
							 <a class='paginator' title='previous' href='?page=1'><span> 首页 </span></a>
					         <a class='paginator' title='previous' href='?page={{ travels.previous_page_number }}'><span> 上一页 </span></a>
				        
						 {% else %}
						 	<a class='paginator' title='previous' href='?page=1'><span> 首页 </span></a>
						 	<span> 上一页 </span>
						 {% endif %}
						 {% for page in pages_range %}
						     {% if page = travels.number %}
						         <a class='paginator_current' title='current:{{ page }}'><span class='page'>{{ page }}</span></a>
						     {% else %}
						         <a class='paginator' href='?page={{ page }}' title='{{ page }}'><span class='page'>{{ page }}</span></a>
						     {% endif %}
						 {% endfor %}
						 {% if travels.has_next%}
						     <a class='paginator' title='next' href='?page={{ travels.next_page_number }}'><span>下一页</span></a>
						     <a class='paginator' title='previous' href='?page={{ travels.paginator.num_pages }}'><span> 尾页 </span></a>
						
						 {% else %}
						 	 <span style='margin-left: 0px;'>下一页</span>
						 	 <a class='paginator' title='previous' href='?page={{ travels.paginator.num_pages }}'><span> 尾页 </span></a>
						 {% endif %}
					 </span>
				</div>	
		
			
		</div>
		<div class='blog-right' style='border-left:2px solid rgba(0, 255, 16, 0.5);'>
			<div style='border-bottom: 1px solid rgba(200, 108, 212, 0.5);'><p class='fenlei-p'>图片欣赏</p></div>
			<div id='blog-list-right-midd'>
				<ul class="blog-list-right-banner">   
					{% for pic in pics %}
					<li><a href='/blog/pic/{{pic.id}}' target='view_window'><img src="/media/{{pic.first_pic}}" style='width:100%;height:100%;'></a></li> 
					{% endfor%}
				 </ul> 
			</div>
			<div style='border-bottom: 1px solid rgba(19, 196, 216, 0.5);'><p class='fenlei-p'>文章推荐</p></div>
			<div class='new-blog'>
				{% for new in newblogs %}
					<a href='/blog/article/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
		</div>
	</div>
{% endblock %}